.smallNav {
	background-color: $bgColorAlt;
	text-align: left;
	padding: 10px 20px;
	border-bottom: $border;
	a {
		padding: 5px 0;
		color: darken($bgColorAlt, 30);
		font-size: 13px;
		text-decoration: none;

		&:hover {
			color: darken($bgColorAlt, 50);
		}
	}

	i {
		margin-right: 10px;
	}
}

.nativaList {
	a {
		display:block;
		text-decoration: none;
	}
	.selected {
		background:$bgColorAlt;
		border-color: darken($borderColor, 10);
		@include transition(0.3s);
		display: block;
	}
}
.nativaListHeader {
	padding: 10px 20px;

	a {
		margin-bottom: 0;
		text-decoration: none;
		display: inline-block;
		padding: 5px 0;
		color:$mainColor;
		&:hover {
			color: darken($mainColor, 10);
		}
	}

	h2 {
		font-size: 18px;
		margin: 5px 0;

		span {
			font-weight: bold;
		}
	}
}

.nativaListItem {
	min-height: $nativaListItemH;
	border-bottom: $border;
	cursor: pointer;
	padding: 10px 20px;
	position: relative;
	overflow: hidden;

	img {
		height: 58px;
		width: 58px;
		float: left;
		border: $border;
		@include border-radius(4px);
	}
	
	&:hover, {
		background:$bgColorAlt;
		border-color: darken($borderColor, 10);
		@include transition(0.3s);
	}

	&.active {
		background: $bgColorAlt;
		border-color: $mainColor;
	}

	a {
		color: $bodyColor;
	}
	a:active {
		color: $mainColor;
	}
	h3 {
		font-size: 16px;
		font-weight: bold;
	}
	p{	
		margin-top: 10px;
		font-size: 13px;
		color: $bodyColor;
	}
}

.nativaListItemTitle {
	display: block;
	overflow: hidden;
	padding: 10px 20px;
}


